@charset "utf-8";
body {

	background-image: url("../img/page-bg.png");
	background-attachment:fixed;
	background-size: 100%;
	no-repeat: center top;
	font: 14px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;
	height: 100%;
	width: 100%;
}

.PlayEy {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 653px;
    height: 653px;
    /*background: url(../img/bg_circle.png),url(../img/bg_center.png) no-repeat center;*/
    /*background-size: 100%;*/
% auto;
}

.Btn {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 95px;
	height: 95px;
	background-color: yellow;
	background: url(../img/btn-bg.png) no-repeat;
	animation: Btn-bg 3s linear infinite;
}

.Play {
	position: absolute;
	width: 29px;
	height: 36px;
	background: red;
	background: url(../img/pause.png) no-repeat;
	transition: .5s;
}

.btns-bg {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px auto;
	width: 653px;
	height: 653px;
}

@keyframes Btn-bg {
	from {}
	to {
		transform: rotate(360deg);
	}
}